<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> 
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>_线下订单信息</title>
	<script type="text/javascript">
	
	//页面初始
    $(function() {
    });
	
    </script>
</head>

<body>
	  <table id="contentTable" class="table  table-bordered table-condensed">
    <thead>
		<th style='vertical-align: middle;background-color: #6699CC;color: white;font-size: medium;' colspan="13" bgcolor="#8EB4CB">
		线下订单信息
		</th>
	</thead>
		
  <tbody>
  <tr><td>

    <div class="tabbable">
    
	  	   <ul class="nav nav-tabs">
			   <li class="${tab1}"><a href="#tab1" data-toggle="tab">订单信息</a></li>
			   <li class="${tab2}"><a href="#tab2" data-toggle="tab">商品信息</a></li>
		   </ul>
		
		   <div class="tab-content">
		   
		        <!-- 订单信息 -->
				<div class="tab-pane ${tab1}" id="tab1">
				  
				    <!-- 发货信息 -->
					<table class="table table-striped table-bordered table-condensed" style="margin-top: 0px;">
						<thead>
							<th style="vertical-align: middle; color: white; " colspan="6" bgcolor="#8EB4CB">发货信息 ：</th>
						</thead>
						<tr>
						   <td style="vertical-align: middle;width: 90px; text-align: center;">商家名称：</td>
						   <td style="width: 200px;">
						   <input  type="text"  value="${ulorder.customer.customerName}" class="input-medium"  style="margin-bottom:0px!important;"/>
						   </td>
						   
						   <td style="vertical-align: middle;width: 90px; text-align: center;">发货仓库：</td>
						   <td style="width: 200px;">
						      <input  type="text" value="${ulorder.warehouse.groupName}" class="input-medium"  style="margin-bottom:0px!important;"/> 
						   </td>
						   
						   <td style="vertical-align: middle;width: 90px; text-align: center;">重量（g）：</td>
						   <td>
						      <input  type="text" id="_weight" value="${ulorder.weight}" style="height: 15px!important;margin-bottom:0px!important;" />
						   </td>
					   </tr>
					   <tr>
						   <td style="vertical-align: middle;width: 90px; text-align: center;">快递公司：</td>
						   <td style="width: 200px;">
						     <input  type="text" value="${ulorder.company.companyName}" class="input-medium"  style="margin-bottom:0px!important;"/>
						   </td>
						   <td style="vertical-align: middle;width: 90px; text-align: center;" >快递单号：</td>
						   <td style="width: 200px;">
						      <input  type="text" id="_expressNo" value="${ulorder.expNo}" class="input-medium"  style="height: 15px!important;margin-bottom:0px!important;"/>
						   </td>
						   <td colspan="2"></td>
					   </tr>
					   
					   <tr>
						   <td style="vertical-align: middle;width: 90px; text-align: center;">备注信息：</td>
						   <td colspan="5">
						      <textarea id="_remark" style="width: 500px; height: 50px;" >${ulorder.remark}</textarea>
						   </td>
					   </tr>
					</table>
					
					<!-- 寄件信息 -->
					<table class="table table-striped table-bordered table-condensed" style="margin-top: 0px;">
						<thead>
							<th style="vertical-align: middle; color: white; " colspan="6" bgcolor="#8EB4CB">寄件信息：</th>
						</thead>
						<tr>
						   <td style="vertical-align: middle;width: 90px; text-align: center;">寄件人姓名：</td>
						   <td style="width: 200px;">
						       <input  type="text" id="_fromName" value="${ulorder.fromName}" class="input-medium"  style="height: 15px!important;margin-bottom:0px!important;"/>
						   </td>
						  <td style="vertical-align: middle;width: 90px; text-align: center;">联系人电话：</td>
						   <td style="width: 200px;">
						       <input  type="text" id="_fromTel" value="${ulorder.fromTel}" class="input-medium"  style="height: 15px!important;margin-bottom:0px!important;"/>
						   </td>
						   
						   <td style="vertical-align: middle;width: 90px; text-align: center;" >详细地址：</td>
						   <td>
						      <input  type="text" id="_fromAddress" value="${ulorder.fromAddress}"  style="height: 15px!important;margin-bottom:0px!important; width: 300px;"/>
						   </td>
					   </tr>
					</table>
					
					<!-- 收件信息 -->
					<table class="table table-striped table-bordered table-condensed" style="margin-top: 0px;">
						<thead>
							<th style="vertical-align: middle; color: white; " colspan="6" bgcolor="#8EB4CB">收件信息：</th>
						</thead>
						<tr>
						   <td style="vertical-align: middle;width: 90px; text-align: center;">收件人姓名：</td>
						   <td style="width: 200px;">
						       <input  type="text" id="_toName" value="${ulorder.toName}" class="input-medium"  style="height: 15px!important;margin-bottom:0px!important;"/>
						   </td>
						   
						    <td style="vertical-align: middle;  width: 90px; text-align: center;">联系人电话：</td>
						   <td style="width: 200px;">
						       <input  type="text" id="_toTel" value="${ulorder.toTel}" class="input-medium"  style="height: 15px!important;margin-bottom:0px!important;"/>
						   </td>
						   <td style="vertical-align: middle; width: 90px; text-align: center;" >详细地址：</td>
						   <td>
						      <input  type="text" id="_toAddress" value="${ulorder.toAddress}"  style="height: 15px!important;margin-bottom:0px!important; width: 300px;"/>
						   </td>
					   </tr>
					</table>
					
				</div>
				
				<!-- 商品信息-->
				<div class="tab-pane ${tab2}" id="tab2">
				
				<form class="form-search" >
				<table id="contentTable" class="table  table-bordered table-condensed">
				    <thead>
						<th style="vertical-align: middle; color: white;" colspan="13" bgcolor="#8EB4CB">商品信息</th>
					</thead>
					<thead><tr>
					    <th>序号</th>
					    <th>sku</th>
					    <th>数量</th>
					</tr></thead>
					<c:if test="${empty goodsList or goodsList.size() eq 0}">
				       <tr id="nodata"><td colspan="6" height="50" style="vertical-align:middle; text-align: center;color: gray;font-size: 20px;">无已选商品</td></tr>
				    </c:if>
					<tbody >
					
					    <c:forEach items="${goodsList}" var="g" varStatus="i">
							<tr>
							   <td>${i.count}</td>
							   <td>${g.sku}</td>
							   <td>${g.qty}</td>
							</tr>
						</c:forEach>
					
					</tbody>
			    </table>
			    </form>
			    
	         </div>
	         
	         
	     </div>
	 </div>
    
    </td></tr>
    </tbody>
  </table>
	
</body>
</html>
